<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子政务协同审批平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css"	href="../../bootstrap-dist/css/bootstrap.min.css">

<!-- bootstrap table css-->
<link rel="stylesheet"	href="../../bootstrapTable/dist/bootstrap-table.min.css">

<link rel="stylesheet"	href="../../js/jquery-upload/css/jquery.fileupload.css">

<!--jquery -->
<script type="text/javascript"	src="../../js/jquery/jquery-2.0.3.min.js"></script>

<!-- BOOTSTRAP -->
<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>

<!-- 上传控件 -->
<link href="../../js/fileupload/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
<link href="../../js/fileupload/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
<link href="../../js/fileupload/themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>	
<script src="../../js/fileupload/js/plugins/sortable.js" type="text/javascript"></script>
<script src="../../js/fileupload/js/fileinput.js" type="text/javascript"></script>
<script src="../../js/fileupload/js/locales/zh.js" type="text/javascript"></script>
<script src="../../js/fileupload/themes/explorer-fa/theme.js" type="text/javascript"></script>

<!-- bootstrap table js -->
<script src="../../bootstrapTable/dist/bootstrap-table.js"></script>
<script	src="../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>

<!-- select2 -->
<link rel="stylesheet" type="text/css" href="../../js/select2/css/select2.min.css" />
<script type="text/javascript" src="../../js/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="../../js/select2/js/i18n/zh-CN.js"></script>

<!-- xcConfirm -->
<link rel="stylesheet" type="text/css" href="../../css/xcConfirm.css"/>
<script src="../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" src="../../js/share.js"></script>
<script type="text/javascript" src="../../js/bindcontrol.js" ></script>
<script type="text/javascript" src="model.js"></script>

<style type="text/css">
	#select2-company-container {
		text-align: left;
	}
	
	.tdContext{
		width: 260px;
	}
</style>

</head>

<body style="font-size: 14px;">
	<div class="container">
		<h2 id="title" style="text-align: center;font-size: 30px;margin-top: 15px;margin-bottom: 10px;"></h2>
		<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">申请单信息</h3>
			</div>
			<div class="panel-body">
				<form id="Apply">
					<table class="table table-bordered">
						<tbody>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									公司名称：
								</td>
								<td colspan="3">
	    							<select class="form-control" id="company" name="company" ></select>
	    							<input type="hidden" id="proposerid" name="proposerid"/>
	    							<input type="hidden" id="proposer" name="proposer"/> 					  			
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									公司编号：
								</td>
								<td>								
	    							<input type="text" id="companyid" name="companyid" class="form-control" disabled="disabled" placeholder="请输入公司编号" />		
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									公司联系人：
								</td>
								<td>								
	    							<input type="text" name="contactname" class="form-control" disabled="disabled" placeholder="请输入公司联系人" />
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									公司联系电话：
								</td>
								<td>								
	    							<input type="tel" name="contactmobile" class="form-control" disabled="disabled" placeholder="请输入公司联系电话"/>		
								</td>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									营业执照&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
									法定代表人：
								</td>
								<td>								
	    							<input type="email" t="legalrepresentative" id="legalrepresentative" disabled="disabled" class="form-control" placeholder="请输入营业执照     
									法定代表人" />				
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									信件地址：
								</td>
								<td colspan="5">
	    							<input type="text" name="contactletter" class="form-control" disabled="disabled" placeholder="请输入信件地址">			
								</td>
							</tr>
							<tr>
								<td style="width:130px; text-align: right; background-color: #eee; ">
									照片：
								</td>
								<td colspan="5" id="recordcertificatelist">
									
								</td>
							</tr>
						</tbody>
					</table>					
	            </form>
			</div>
		</div>
		
		<!-- 业务信息 -->
		<div id="businessForm">
		
		</div>
		
		<div id="materialDiv" class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">提交材料</h3>
			</div>
			<div class="panel-body">
				
				<table class="table table-striped" id="material" style="text-align: center;">
					<thead>
						<tr>
							<td style="width: 5%;">序号</td>
							<td style="width: 40%;">材料名称</td>
							<td style="width: 10%;">材料数量</td>
							<td style="width: 30%;">附件</td>
							<td style="width: 15%;">操作</td>
						<tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				
			</div>
		</div>
		<div style="text-align: center;margin-bottom: 10px;">
			<button type="button" class="btn btn-primary" id="submit">提交</button>
			<button type="button" class="btn btn-danger" onclick="window.close();">关闭</button>
		</div>
	</div>
		
<!-- 模态框（Modal） -->
<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					文件上传
				</h4>
			</div>
			<div class="modal-body">
           	
				<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
			</div>
			<div class="modal-footer">
				<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> -->
				<!-- <button type="button" class="btn btn-primary" id="upload">
					上传文件
				</button> -->
			</div>
		</div><!-- /.modal-content -->
		
								
	</div>
<!-- /.modal -->
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="modalShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					选择船舶
				</h4>
			</div>
			<div class="modal-body" style="height: 600px;">

				<form class="form-horizontal">
					<fieldset>
						<div class="form-group">
							<label class="col-sm-2 control-label">船舶识别号</label>
							<div class="col-sm-2">
								<input type="text" class="form-control" id="shipidnumber" />
							</div>

							<label class="col-sm-2 control-label">中文船名</label>
							<div class="col-sm-2">
								<input type="text" class="form-control" id="shipname" />
							</div>


							<div class="form-group">
								<div class="col-sm-1">
									<button type="button" class="btn btn-primary" id="search">
										<span class="glyphicon glyphicon-search"></span>搜索
									</button>
								</div>
								
								<div class="col-sm-2">
									<button type="button" id="addShipModal" class="btn btn-danger">新增船舶</button>
								</div>
							</div>
						</div>
					</fieldset>
				</form>
	
            	<table  id="tableShip" style="text-align: center;"></table>
            	
			</div>
			<div class="modal-footer">
				<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> 
				<button type="button" class="btn btn-primary" id="upload">
					确定
				</button>  -->
			</div>
		</div><!-- /.modal-content -->
		
		<!-- modal增加移动效果 start -->
		<script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript">
	    	$("#modalShip").draggable();//为模态对话框添加拖拽
		</script>	
		<!-- modal增加移动效果 end -->	
	</div><!-- /.modal -->	
</div>


	

<!-- 模态框（Modal） -->
<div class="modal fade" id="modalAddShip" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title">
					新增船舶
				</h4>
			</div>
			<div class="modal-body" style="height: 600px; overflow-y: scroll;">
				<form id="shipForm">
					<table class="table table-bordered">
					<tbody>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>中文船名：
							</td>
							<td colspan="2">
								<div class="input-group" style="width: -webkit-fill-available;">
									<input type="text" class="form-control" id="checkshipname" name="shipname" placeholder="请输入中文船名">
									<span class="input-group-btn">
										<button class="btn btn-primary" type="button" id="searchShipname">
											查询
										</button>
									</span>
								</div>
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								初次登记号：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="initregno" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								英文船名：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="shipnameen" >
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								IMO：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="imo" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶登记号：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="regno" >
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>船舶识别号：
							</td>
							<td colspan="2">
								<div class="input-group" style="width: -webkit-fill-available;">
									<input type="text" class="form-control" id="checkshipidnumber"  name="shipidnumber" placeholder="请输入船舶识别号">
									<span class="input-group-btn">
										<button class="btn btn-primary" type="button" id="searchShipidnumber">
											查询
										</button>
									</span>
								</div>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船检登记号：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="checkno" >
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								牌簿号：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="cardno" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								MMSI：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="mmsi" >
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶呼号：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="callsign" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								建造日期：
							</td>
							<td colspan="2">
								<input type="date" class="form-control" name="builddate">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>船旗国：
							</td>
							<td colspan="2">
								<select class="form-control" id="flagcode" name="flagcode" ></select>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>船籍港：
							</td>
							<td colspan="2">
								<select class="form-control" id="portcode" name="portcode" ></select>
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>海船/内河船：
							</td>
							<td colspan="2">
								<select class="form-control" id="markcode" name="markcode" ></select>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>船舶种类：
							</td>
							<td colspan="2">
								<select class="form-control" id="typecode" name="typecode" ></select>
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶类型：
							</td>
							<td colspan="2">
								<select class="form-control" id="shiptypecode" name="testshiptypecode"></select>
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>航区：
							</td>
							<td colspan="2">
								<select class="form-control" id="areacode" name="areacode"></select>
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								总吨：
							</td>
							<td colspan="2">
								<input type="number" class="form-control" name="grosstonnage">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								净吨：
							</td>
							<td colspan="2">
								<input type="number" class="form-control" name="nettonnage">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								载重吨：
							</td>
							<td colspan="2">
								<input type="number" class="form-control" name="deadweight" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								客位：
							</td>
							<td colspan="2">
								<input type="number" class="form-control" name="ratedseat">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶营业运输证：
							</td>
							<td colspan="2">
								<input type="number" class="form-control" name="businesslicense" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>所有人：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="owner" placeholder="请输入所有人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								所有人联系电话：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="ownertelephone" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								所有人地址：
							</td>
							<td colspan="5">
								<input type="text" class="form-control" name="owneraddress" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								<span style="color:red;">*</span>经营人：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="operator" placeholder="请输入经营人">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								经营人联系电话：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="operatortelephone" >
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								经营人地址：
							</td>
							<td colspan="5">
								<input type="text" class="form-control" name="operatoraddress">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								登记机构：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="registerorg" >
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								检验机构：
							</td>
							<td colspan="2">
								<input type="text" class="form-control" name="inspectorg">
							</td>
						</tr>
						<!-- <tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶总长：
							</td>
							<td>
								<input type="number" class="form-control" name="overalllength" placeholder="请输入船舶总长">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶型宽：
							</td>
							<td>
								<input type="number" class="form-control" name="mouldedbreadth" placeholder="请输入船舶型宽">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								船舶型深：
							</td>
							<td>
								<input type="number" class="form-control" name="mouldeddepth" placeholder="请输入船舶型深">
							</td>
						</tr>
						<tr>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								总功率：
							</td>
							<td>
								<input type="number" class="form-control" name="enginepower" placeholder="请输入总功率">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								核定航线代码：
							</td>
							<td>
								<input type="text" class="form-control" name="linecode" placeholder="请输入拖船名称">
							</td>
							<td style="width:130px; text-align: right; background-color: #eee; ">
								核定航区代码：
							</td>
							<td>
								<input type="text" class="form-control" name="areacode" placeholder="请输入拖船名称">
							</td>
						</tr> -->
						
					</tbody>
					</table>
					
	            </form>
			
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button> 
				<button type="button" class="btn btn-primary" id="addShip">
					确定
				</button>
			</div>
		</div><!-- /.modal-content -->
		
		<!-- modal增加移动效果 start -->
		<script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript">
	    	$("#modalAddShip").draggable();//为模态对话框添加拖拽
		</script>	
		<!-- modal增加移动效果 end -->	
	</div><!-- /.modal -->
</div>
	<!-- 查看流程任务详细信息 -->
	<!-- modal -->
	<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" id="modalW">
			<div class="modal-content">
				<div class="modal-header modal-primary">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel" style="font-weight: 900;">
						<span id="modalTile">标题</span>
					</h4>
				</div>
				<div class="modal-body" id="modalH">
					<iframe id="ifModal" name="ifModal" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" style="width: 100%; height: 100%"></iframe>									
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" id="save">
						提交
					</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
				</div>
			</div><!-- /.modal-content -->
		</div>			
		
		<!-- modal增加移动效果 start -->
		<script src="../../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
		<script type="text/javascript">
			$("#modalW").draggable();//为模态对话框添加拖拽
//			$("#modal").css("overflow", "hidden");//禁止模态对话框的半透明背景滚动
		</script>	
		<!-- modal增加移动效果 end -->		
							
	</div>	
	
	<!-- 模态框（Modal） 用户选择  -->
	<div class="modal fade" id="customeMode" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog"  id="cmodalW">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						选择用户
					</h4>
				</div>
				<div class="modal-body" id="cmodalH">
					<iframe id="customUser" src="../../customcontrol/customuser/index.html" frameborder="0" marginheight="0" marginwidth="0" scrolling="yes" style="width: 100%; height: 100%"></iframe>
				</div>
				<div class="modal-footer">
				 
				</div>
			</div>	
		</div>
	</div>
	<!-- modal -->
	<!-- 查看流程任务详细信息 -->
	
	<script type="text/javascript">
		function refreshData() {
			$('#modal').modal('hide');
			window.location.href = projectPath + 'backstage/query/index.html'
		}
	</script>
</body>

</html>